{{#ui/mobile/gestures-container}}
<div id="sleepInformationContainer" class="mainContent {{if global_pageConstructure.showLoader 'hide' ''}}">
  <div class="wrapperInner">
    <div class="">
      {{#if sleepmessageList}}
        <ul class="padding-0-10 bk-color-white height35 center top15">
          <li class="pull-left width25B">统计日期</li>
          <li class="pull-left width25B">深睡眠时长</li>
          <li class="pull-left width25B">浅睡眠时长</li>
          <li class="pull-left width25B">总睡眠时长</li>
        </ul>
        {{#each sleepmessageList as |sleepmessage|}}
          <ul class="padding-0-10 bk-color-white height35 center">
            <li class="pull-left width25B">{{sleepmessage.createDateStr}}</li>
            <li class="pull-left width25B">{{sleepmessage.deepSleepMinsFormatMin}}</li>
            <li class="pull-left width25B">{{sleepmessage.lightSleepMinsFormatMin}}</li>
            <li class="pull-left width25B">{{sleepmessage.allSleepMinsFormatMin}}</li>
          </ul>
        {{/each}}
      {{else}}
        <div class="nodate">暂无睡眠数据</div>
      {{/if}}
    </div>
  </div>
</div>
{{/ui/mobile/gestures-container}}

{{ui/container/infinite-scroll moniteData="sleepmessageList" didRenderAction="didRender"
didInsertElementAction="didInsertElement"}}
